import { reqGoodsInfo, reqAddOrUpdateShopCart } from "@/api"
// 封装游客身份模块uuid--->生成一个随机字符串(只生成一次，不再变化)
import {getUUID} from '@/utils/uuid_token'
const state = {
  getGoodInfo: {},
  // 游客的临时身份
  uuid_token:getUUID()
}
const mutations = {
  GETGOODINFO(state, getGoodInfo) {
    state.getGoodInfo = getGoodInfo
  }
}
const actions = {
  // 获取产品信息的action
  async getGoodInfo({ commit }, skuId) {
    let result = await reqGoodsInfo(skuId)
    if (result.code == 200) {
      commit('GETGOODINFO', result.data)
    }
  },
  // 将产品添加到购物车||修改某一个产品个数
  async addOrUpdateShopCart({ commit }, { skuId, skuNum }) {
    // 加入购物车返回的结构
    // 加入购物车以后(发请求)，前台将参数带给服务器
    // 服务器写入数据库成功，并没有返回其他的数据，只是返回了code：200，表示这一次操作成功
    // 因为服务器没有返回其余的数据，因此不需要三连环存储
    let result = await reqAddOrUpdateShopCart(skuId, skuNum)
    // 当前这个函数。如果执行返回的是Promise
    // 代表服务器加入购物车成功
    if (result.code == 200) {
      return "成功"
    } else {
      // 代表加入购物车失败
      return Promise.reject(new Error('失败'))
    }
  }
}
// 简化数据而生
const getters = {
  // 路径导航简化的数据
  categoryView(state) {
    // 为什么会报错: 因为state.getGoodInfo初始状态是空对象，空对象的categoryView属性值是undefined
    // 当前计算出来的categoryView属性值至少是一个空对象，假的报错就不会有了
    return state.getGoodInfo.categoryView || {}
  },
  // 简化产品信息的数据
  skuInfo(state) {
    return state.getGoodInfo.skuInfo || {}
  },
  // 产品的售卖属性的简化
  spuSaleAttrList(state) {
    return state.getGoodInfo.spuSaleAttrList || []
  }
}

export default { state, mutations, actions, getters }